<template>
  <div class="item-list theme-default-content">
    <div
      class="item-item"
      v-for="item in $page.frontmatter.data"
      :key="item.key"
    >
      <el-card>
        <div slot="header">
          <a :href="item.homepage" target="_blank">
            {{ item.name }}
          </a>
        </div>

        <div class="item-content">
          {{ item.desc }}
        </div>
      </el-card>
    </div>
  </div>
</template>

<script>
import { ElCard } from 'element-ui'
const path = require('path')
export default {
  name: 'NcItemList',

  computed: {},

  mounted() {},
}
</script>

<style scoped lang="stylus">
.theme-default-content
  :first-child
    margin-top 0 !important
.item-list
  .item-item
    margin-bottom 20px
    .el-card
      box-sizing border-box
      max-height 640px
      padding-bottom 10px !important

      .item-wrap
        display flex
        .item-content
          flex 1
        .item-cover
          width 100px
          height 100px
          border-radius 5px
          background-color #666666
          margin-left 10px

.ul2
  padding-left 2rem
  color #000
.ul3
  padding-left 4rem
  color #2d2d2d
.ul4
  padding-left 6rem
  color #666666
</style>
